<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<title>开麦招募</title>

	<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
	<style>
		header img {
			width: 100%;
		}
	
		header .headimgurl {
			margin: -0.133333rem 0;
		}
		
		section {
			text-align: center;
			background: #ffcb00;
			font-size: 14px;
		}
		.right .right-box {
			position: relative;
			display: -webkit-flex;
			display: flex;
			align-items: center;
			justify-content: space-around;
			margin-bottom: 0.933333rem;
		}
		
		.right .right-box .img0 {
			width: 1.333333rem;
			position: absolute;
		}

		.right .right-box .img1 {
			width: 2.666667rem;
			margin-left: 0.8rem;
		}

		.right .right-box .img2 {
			width: 5.066667rem;
		}

		.right .right-box .img3 {
			width: 3.946667rem;
		}

		.right .right-box .img4 {
			width: 2.4rem;
		}

		.right .right-box .imgBox {
			
		}

		.right .right-box .img5 {
			width: 2.4rem;
		}

		.right .right-box .img6 {
			width: 2.186667rem;
			margin-top: 0.8rem;
			margin-left: 1.333333rem;
		}

		.right .right-box .img7 {
			width: 5.333333rem;
		}

		.right .right-box .img8 {
			width: 4.266667rem;
		}

		.right .right-box .img9 {
			width: 3.2rem;
		}

		.right .hr {
			margin: 0 0.666667rem;
		}

		.explian,
		.time {
			overflow: hidden;
			padding: 0 0.933333rem;
			color: #353335;
		}

		.explian h1,
		.right h1,
		.time h1,
		.standard h1 {
			font-weight: bold;
			width: 6.133333rem;
			margin: 0 auto;
			height: 0.986667rem;
			line-height: 0.986667rem;
			margin-top: 1.103333rem;
			margin-bottom: 0.666667rem;
			color: #ffcb00;
			font-size: 18px;
			background: url('images/pic_title.png') no-repeat 0 0 /contain;
		}

		.right h1 {
			margin-bottom: 1.333333rem;
		}

		.hr {
			overflow: hidden;
		}
		.explian li,
		.right li {
			position: relative;
			line-height: 24px;
			margin: 0.533333rem 0;
			text-align: left;
		}

		.standard {
			overflow: hidden;
			padding: 0 0.32rem 0.666667rem;
			color: #000;
		}

		.standard ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			margin-top: 1.493333rem;
		}

		.standard li {
			float: left;
			border: 2px solid #000;
			width: 2.52rem;
			margin-bottom: 0.346667rem;
			text-align: left;
			padding: 0.16rem;
			height: 3.2rem;
		}

		.standard li:nth-of-type(3n-1) {
			margin: 0 0.24rem;
		}

		.standard .title {
			white-space: nowrap;
			font-weight: bold;
			font-size: 16px;
			margin-bottom: 0.266667rem;
		}

		.standard .title span {
			font-size: 22px;
			padding-right: 0.133333rem;
		}

		.standard dd {
			white-space: nowrap;
			line-height: 0.64rem;
			font-size: 12px;
		}

		.right {
			background: none;
			overflow: hidden;
		}

		.right li span {
			display: block;
			color: #fff;
		}

		.time p {
			margin-bottom: 0.64rem;
			line-height: 24px;
		}

		.time p:last-of-type {
			padding: 0 0.666667rem;
			margin-bottom: 0;
		}

		.time .tips {
			font-weight: bold;
		}

		.signup {
			height: 4.64rem;
			display: -webkit-flex;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #ffcb00;
		}

		.signup img {
			width: 4.64rem;
			height: 1.573333rem;
		}

	</style>
</head>
<body>
	<header>
		<img src="images/pic_poster.jpg" alt="">
		<img class="headimgurl" src="images/pic_header.png" alt="">
	</header><!-- /header -->

	<section>

		<div class="right">
			<h1>麦主权益</h1>
			<div class="right-box">
				<img class="img1" src="images/pic_text1.png" alt="">
				<img class="img2" src="images/pic_phone1.png" alt="">
			</div>
			<div class="right-box">
				<img class="img3" src="images/pic_phone2.png" alt="">
				<img class="img4" src="images/pic_text2.png" alt="">
				<img class="img0" src="images/arrow01.png" alt="">
			</div>
			<div class="right-box">
				<div class="imgBox">
					<img class="img5" src="images/pic_text3.png" alt="">
					<img class="img6" src="images/arrow02.png" alt="">
				</div>
				
				<img class="img7" src="images/pic_phone3.png" alt="">
			</div>
			<div class="right-box">
				<img class="img8" src="images/pic_phone4.png" alt="">
				<img class="img9" src="images/pic_text4.png" alt="">
			</div>
			<p class="hr">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>></p>
		</div>

		<div class="standard">
			<h1>麦主审核标准</h1>
			<ul>
				<li><p class="title"><span>01</span>身份标签</p>
					<dl>
						<dd>能证明你职业</dd>
						<dd>或身份的标签</dd>
						<dd>高素质人才优先</dd>
					</dl>
				</li>
				<li><p class="title"><span>02</span>声音</p>
					<dl>
						<dd>有辨识度</dd>
						<dd>声线动听</dd>
					</dl>
				</li>
				<li><p class="title"><span>03</span>颜值</p>
					<dl>
						<dd>形象好</dd>
						<dd>晒美照</dd>
					</dl>
				</li>
				<li><p class="title"><span>04</span>互动</p>
					<dl>
						<dd>活泼开朗</dd>
						<dd>热爱表达</dd>
						<dd>喜爱社交活动</dd>
					</dl>
				</li>
				<li><p class="title"><span>05</span>上进心</p>
					<dl>
						<dd>生活态度积极</dd>
						<dd>健康的金钱</dd>
						<dd>观念</dd>
					</dl>
				</li>
				<li><p class="title"><span>06</span>闲时</p>
					<dl>
						<dd>一定的闲暇</dd>
						<dd>时间</dd>
					</dl>
				</li>
			</ul>
		</div>

		<div class="time">
			<h1>招募时间</h1>
			<p class="tips">即日起-长期有效</p>
			<p class="hr">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>></p>
			<p>满足条件者，我们会在2-3个工作日内联系你 如果没有联系，需要加油提升自己哦~</p>
			
		</div>

		<div class="signup">
			<img src="images/btn_signup.png" alt="">
		</div>
	</section>
</body>
</html>